<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>我的夺宝</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<include file="public/comm" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav white fs_xl" style="border-bottom: solid 1px #e1e1e1;">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">我的夺宝</h1>
			<a href="{:U(cookie('m').'/index')}" class="mui-icon mui-icon-home mui-pull-right"></a>
		</header>
		<div class="mui-content fs_xl" style="padding-bottom: 0;">
			<div class="my_top fs_l">
				<ul>
					<li class="active">待付款</li>
					<li>等待开奖</li>
					<li>已开奖</li>
				</ul>
			</div>
			<div class="my_box">
				<div class="my_one active">
					<ul>
						<foreach name="lists_pay" item="vo" key="k">
						<li>
							<div class="my_info cls">
								<div class="my_lt">
									<a href="{:U('Mobile/Cart/indiana_pay',array('id'=>$vo.id))}"><img src="{$vo[goods_id]|goods_thum_images=400,400}" /></a>
								</div>
								<div class="my_rt">
									<p class="fs_s">【第{$vo.stage}期】</p>
									<p class="fs_s">{$vo.title}</p>
									<p class="fs_s">我已参加：{$vo.num}次</p>
								</div>
							</div>
							<div class="my_zt fs_l cls">
								<span class="org">待付款：<em>¥{$vo.order_amount}</em></span>
								<a href="{:U('Mobile/Cart/indiana_pay',array('id'=>$vo.id))}"><span>付款</span></a>
							</div>
						</li>
						</foreach>
					</ul>
				</div>
				<div class="my_one">
					<ul>
						<foreach name="lists_wait" item="vo" key="k">
						<li>
							<div class="my_info cls">
								<div class="my_lt">
									<a href="{:U('Mobile/User/indiana_wait',array('id'=>$vo.id))}"><img src="{$vo[goods_id]|goods_thum_images=400,400}" /></a>
								</div>
								<div class="my_rt">
									<p class="fs_s">【第{$vo.stage}期】</p>
									<p class="fs_s">{$vo.title}</p>
									<p class="fs_s">我已参加：{$vo.num}次
										<a href="{:U('Mobile/User/indiana_wait',array('id'=>$vo.id))}" class="fs_s">查看详情></a>
									</p>
								</div>
							</div>
							<div class="my_zt fs_l">
								<span>夺宝状态：<if $vo.order_status !=5><em>参与成功</em><else><em>订单已取消</em></else></if></span>
							</div>
						</li>
						</foreach>
					</ul>
				</div>
				<div class="my_one">
					<ul>
						<foreach name="lists_over" item="vo" key="k">
						<li>
							<div class="my_info cls">
								<div class="my_lt">
									<a href="{:U('Mobile/User/indiana_over',array('id'=>$vo.id))}"><img src="{$vo[goods_id]|goods_thum_images=400,400}" /></a>
								</div>
								<div class="my_rt">
									<p class="fs_s">【第{$vo.stage}期】</p>
									<p class="fs_s">{$vo.title}</p>
									<p class="fs_s">我已参加：{$vo.num}次
										<a href="{:U('Mobile/User/indiana_over',array('id'=>$vo.id))}" class="fs_s">查看详情></a>
									</p>
								</div>
							</div>
							<div class="my_zt fs_l">
								<span>夺宝状态：<if $vo.is_praise == 1><em>恭喜!成功夺宝</em><else><em class="huise">夺宝失败啦</em></else></if></span>
							</div>
						</li>
						</foreach>
					</ul>
				</div>
			</div>
			<div class="db_nav fs_xl">
				<a class="fs_m" href="{:U('Mobile/Goods/indianaList')}">
					<p class="mui-icon iconfont icon-yiun fs_i"></p>
					<p class="fs_xs">一元夺宝</p>
				</a>
				<a class="fs_m" href="{:U('Mobile/Goods/indianaAfter')}">
					<p class="mui-icon iconfont icon-yuanun fs_i"></p>
					<p class="fs_xs">夺宝预告</p>
				</a>
				<a class="fs_m" href="{:U('Mobile/Goods/indianaBefore')}">
					<p class="mui-icon iconfont icon-duoun fs_i"></p>
					<p class="fs_xs">往期夺宝</p>
				</a>
				<a class="active fs_m" href="{:U('Mobile/User/indiana')}">
					<p class="mui-icon iconfont icon-baoun fs_i"></p>
					<p class="fs_xs">我的夺宝</p>
				</a>
			</div>
		</div>
		
		<script type="text/javascript">
			mui.init();
			$(function(){
				$(".my_top li").click(function() {
					$(".my_top li").removeClass("active").eq($(".my_top li").index(this)).addClass("active");
					$(".my_one").hide().eq($('.my_top li').index(this)).show();
				});
				$(".my_one ul").height($("body").height()-$("header").height()-$(".my_top").height());
			})
		</script>
	</body>

</html>